$(function () { 
    $('.submenu').show();

    var page = 1;
    var pageSize = 2;

    function render() { 
        $.ajax({
            url:'/category/queryTopCategoryPaging',
            type:'get',
            data:{
                page:page,
                pageSize:pageSize
            },
            success:function (data) { 
                console.log(data);
                var html=template('category',data);
                $('tbody').html(html);

                $(".pagination").bootstrapPaginator({
                    bootstrapMajorVersion: 3,
                    currentPage : page,
                    totalPages:Math.ceil(data.total / pageSize),
                    onPageClicked: function(a,b,c,index) {
                        page=index;
                        render();
                    }
                });
            }
        })
     }
     render();

     $('.addcategory').click(function () { 
        $('#addcategory-modal').modal('show');

      })

      $('button[type=submit]').click(function () { 
          $form.submit();
       })

      var $form = $("form");
    //设置验证规则
    $form.bootstrapValidator({
        //1. 设置验证状态对应的小图标
        feedbackIcons: {
            //如果验证通过，显示的小图标
            valid: 'glyphicon glyphicon-ok',
            //验证不通过
            invalid: 'glyphicon glyphicon-remove',
            //正在验证的状态
            validating: 'glyphicon glyphicon-refresh'
        },

        fields: {
            categoryName: {
                validators: {
                    //1. 规则,验证是否输入了字符
                    notEmpty: {
                        message: "分类名不能为空"
                    }
                }
            }
        }
    });

    //表单验证成功之后的事件处理
    $form.on("success.form.bv", function(target) {
        //阻止默认事件（提交表单）
        target.preventDefault();
        // alert("哈哈， 表单验证已成功");
        // console.log($form.serialize());

        //自己发起ajax开始登录
        $.ajax({
            url: "/category/addTopCategory",
            type: "POST",
            data: $form.serialize(),
            success: function(data) {
                console.log(data);
                //{success: true} 说明登录成功了
                render();
                $('#addcategory-modal').modal('hide');
            }
        });
    });
 })